<template>
  <main class="layout3-site-content">
    <div class="desc">
      <main-slide></main-slide>
    </div>
    <div class="router-view">
      <router-view />
    </div>
  </main>
</template>

<script>
import { isURL } from '@/libs/validate'
import MainSlide from './main-slide'
export default {
  data () {
    return {}
  },
  computed: {},
  methods: {
    //消息中心
    goInformation () {
      this.$router.push({ name: 'information' })
    },
    // 个人中心
    goPersonal () {
      this.$router.push({ name: 'personal' })
    },
    // 学习辅助
    goStudy () {
      this.$router.push({ name: 'study' })
    }
  },
  components: {
    MainSlide
  }
}
</script>
<style lang="scss">
.layout3-site-content {
  display: flex;
  width: 90%;
  margin: 0 auto;
  & > .desc {
    display: flex;
    width: 250px;
    padding: 20px;
    margin-right: 30px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
    border-radius: 12px;
  }
  .router-view {
    width: calc(100% - 300px);
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
    border-radius: 12px;
  }
}
</style>


